<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="robots" content="noodp" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
        <title>《Flutter学习资料推荐2》 - Lucklyの博客 - 在阅读中遇见自己</title><meta name="Description" content="早起的年轻人做的网站"><meta property="og:title" content="《Flutter学习资料推荐2》" />
<meta property="og:description" content="
本文主要介绍
" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://luckly.work/flutter%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99%E6%8E%A8%E8%8D%902/" />
<meta property="og:image" content="https://luckly.work/logo.png"/>
<meta property="article:published_time" content="2021-04-28T18:17:07+08:00" />
<meta property="article:modified_time" content="2021-04-28T18:17:07+08:00" />
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://luckly.work/logo.png"/>

<meta name="twitter:title" content="《Flutter学习资料推荐2》"/>
<meta name="twitter:description" content="
本文主要介绍
"/>
<meta name="application-name" content="LoveIt">
<meta name="apple-mobile-web-app-title" content="LoveIt"><meta name="theme-color" content="#ffffff"><meta name="msapplication-TileColor" content="#da532c"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"><link rel="manifest" href="/site.webmanifest"><link rel="canonical" href="https://luckly.work/flutter%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99%E6%8E%A8%E8%8D%902/" /><link rel="prev" href="https://luckly.work/linxu%E4%B8%8B%E5%AE%89%E8%A3%85mysql%E6%95%99%E7%A8%8B/" /><link rel="next" href="https://luckly.work/%E5%9C%A8flutter%E4%B8%AD%E5%88%B6%E4%BD%9C%E4%BB%AA%E8%A1%A8%E7%9B%98%E5%BA%94%E7%94%A8/" /><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.min.css"><link rel="stylesheet" href="/css/style.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.13.0/css/all.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.7.2/animate.min.css"><script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "BlogPosting",
        "headline": "《Flutter学习资料推荐2》",
        "inLanguage": "zh-CN",
        "mainEntityOfPage": {
            "@type": "WebPage",
            "@id": "https:\/\/luckly.work\/flutter%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99%E6%8E%A8%E8%8D%902\/"
        },"image": [{
                            "@type": "ImageObject",
                            "url": "https:\/\/luckly.work\/images\/Apple-Devices-Preview.png",
                            "width":  3200 ,
                            "height":  2048 
                        }],"genre": "posts","keywords": "flutter","wordcount":  1775 ,
        "url": "https:\/\/luckly.work\/flutter%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99%E6%8E%A8%E8%8D%902\/","datePublished": "2021-04-28T18:17:07+08:00","dateModified": "2021-04-28T18:17:07+08:00","license": "This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.","publisher": {
            "@type": "Organization",
            "name": "xxxx","logo": {
                    "@type": "ImageObject",
                    "url": "https:\/\/luckly.work\/images\/avatar.png",
                    "width":  528 ,
                    "height":  560 
                }},"author": {
                "@type": "Person",
                "name": "早起的年轻人"
            },"description": ""
    }
    </script></head>
    <body header-desktop="fixed" header-mobile="auto"><script type="text/javascript">(window.localStorage && localStorage.getItem('theme') ? localStorage.getItem('theme') === 'dark' : ('auto' === 'auto' ? window.matchMedia('(prefers-color-scheme: dark)').matches : 'auto' === 'dark')) && document.body.setAttribute('theme', 'dark');</script>

        <div id="mask"></div><div class="wrapper"><div class="logo-wrapper">
  <a href="/%20/" class="logo">Lucklyの博客 - 在阅读中遇见自己</a>
</div>

<nav class="site-navbar">
  <ul id="menu" class="menu">
    <li class="menu-item">
      <a class="menu-item-link" href="/posts/">所有文章</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/categories/flutter/">Flutter</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/categories/read/">读书笔记</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/categories/go/">Go</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/tags/">标签</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/categories/">分类</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/about/">关于</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="https://github.com/ITmxs">Github</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/friend/">友链</a>
    </li>
  </ul>
</nav><main class="main">
                <div class="container"><div class="toc" id="toc-auto">
            <h2 class="toc-title">目录</h2>
            <div class="toc-content" id="toc-content-auto"></div>
        </div><article class="page single"><h1 class="single-title animated flipInX">《Flutter学习资料推荐2》</h1><div class="post-meta">
            <div class="post-meta-line"><span class="post-author"><a href="/" title="Author" rel=" author" class="author"><i class="fas fa-user-circle fa-fw"></i>早起的年轻人</a></span>&nbsp;<span class="post-category">收录于 <a href="/categories/flutter/"><i class="far fa-folder fa-fw"></i>Flutter</a></span></div>
            <div class="post-meta-line"><i class="far fa-calendar-alt fa-fw"></i>&nbsp;<time datetime="2021-04-28">2021-04-28</time>&nbsp;<i class="fas fa-pencil-alt fa-fw"></i>&nbsp;约 1775 字&nbsp;
                <i class="far fa-clock fa-fw"></i>&nbsp;预计阅读 4 分钟&nbsp;</div>
        </div><div class="featured-image"><img
        class="lazyload"
        src="/svg/loading.min.svg"
        data-src="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png"
        data-srcset="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png, https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png 1.5x, https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png 2x"
        data-sizes="auto"
        alt="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png"
        title="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png" /></div><div class="details toc" id="toc-static"  kept="">
                <div class="details-summary toc-title">
                    <span>目录</span>
                    <span><i class="details-icon fas fa-angle-right"></i></span>
                </div>
                <div class="details-content toc-content" id="toc-content-static"><nav id="TableOfContents">
  <ul>
    <li><a href="#学习资料">学习资料</a>
      <ul>
        <li><a href="#网站和公众号">网站和公众号</a></li>
        <li><a href="#代码">代码</a>
          <ul>
            <li><a href="#官方代码">官方代码</a></li>
            <li><a href="#第三方代码">第三方代码</a></li>
          </ul>
        </li>
        <li><a href="#视频和书籍">视频和书籍</a></li>
        <li><a href="#其他">其他</a></li>
      </ul>
    </li>
    <li><a href="#开发工具">开发工具</a></li>
    <li><a href="#练习与实践">练习与实践</a>
      <ul>
        <li><a href="#练习">练习</a></li>
        <li><a href="#实践">实践</a></li>
      </ul>
    </li>
    <li><a href="#经验">经验</a></li>
  </ul>
</nav></div>
            </div><div class="content" id="content"><blockquote>
<p>本文主要介绍</p>
</blockquote>
<h1 id="学习资料">学习资料</h1>
<h2 id="网站和公众号">网站和公众号</h2>
<p>官网通常是最权威的学习资料来源，所以强烈推荐优先看 Flutter 官网。Flutter 基于 Dart 平台，所以了解和熟悉 Dart 是非常必要的。官方还会不定期在 <a href="https://medium.com/flutter" target="_blank" rel="noopener noreffer">medium</a> 发一些技术文章，介绍 Flutter 的新特性，建议也关注。</p>
<ul>
<li><a href="https://dart.dev/" target="_blank" rel="noopener noreffer">Dart 官网</a></li>
<li><a href="https://flutter.dev/" target="_blank" rel="noopener noreffer">Flutter 官网</a></li>
<li><a href="https://medium.com/flutter" target="_blank" rel="noopener noreffer">medium</a></li>
<li>谷歌开发者公众号</li>
</ul>
<p>考虑到 Flutter 官网内容是英文，英文不好的话浏览起来会比较吃力的，也可退而求其次看中文网站：</p>
<ul>
<li><a href="https://flutter.cn/" target="_blank" rel="noopener noreffer">Flutter 中文</a></li>
<li><a href="https://dart.cn/" target="_blank" rel="noopener noreffer">Dart 中文</a></li>
</ul>
<p>中文内容的好处，</p>
<ul>
<li>消除了语言障碍，方便快速浏览学习</li>
<li>中文网站通常在国内，打开速度可能快得多</li>
</ul>
<p>但也要注意其不足：</p>
<ul>
<li>访问可能不稳定 (通常不由官方支持，说不定哪天就没了)</li>
<li>某些内容相当不准确
<ul>
<li>一些新术语很难翻译</li>
<li>大量内容由机器翻译，不靠谱</li>
</ul>
</li>
<li>内容更新不及时 (Flutter 和 Dart 都在快速更新中)</li>
</ul>
<p>谷歌开发者公众号是 Google 中国官方账号，汇集 Android、Flutter、Chrome OS 以及 AI 等开发技术。2019 年以及随着 Flutter 的爆发，这个公众号上关于 Flutter 的内容明显增多，建议关注。</p>
<p><img
        class="lazyload"
        src="/svg/loading.min.svg"
        data-src="https://luckly007.oss-cn-beijing.aliyuncs.com/img/15736157127923.jpg"
        data-srcset="https://luckly007.oss-cn-beijing.aliyuncs.com/img/15736157127923.jpg, https://luckly007.oss-cn-beijing.aliyuncs.com/img/15736157127923.jpg 1.5x, https://luckly007.oss-cn-beijing.aliyuncs.com/img/15736157127923.jpg 2x"
        data-sizes="auto"
        alt="https://luckly007.oss-cn-beijing.aliyuncs.com/img/15736157127923.jpg"
        title="-w187" /></p>
<p>谷歌开发者公众号上曾推出过几期 《Flutter 您需要知道的知识点》，这里整理如下：</p>
<ul>
<li><a href="https://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&amp;mid=2652048481&amp;idx=1&amp;sn=3775bb6e61b9b4d7d7c5a48871a13807&amp;chksm=808cac24b7fb2532858b94dc45f1ec4f8ec83f28f186e0cbc53a40034b3398feddea553e3054&amp;mpshare=1&amp;scene=1&amp;srcid=1113sj4rrsidBwb6ecBCdZ86&amp;sharer_sharetime=1573616038315&amp;sharer_shareid=b5535657e3516bd6d7252ce5f5ed09f4&amp;rd2werd=1#wechat_redirect" target="_blank" rel="noopener noreffer">Flutter 您需要知道的知识点 | FAQ・第一期</a></li>
<li><a href="https://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&amp;mid=2652048715&amp;idx=1&amp;sn=c8346d2603f311301d719d5374cc77ea&amp;chksm=808cad0eb7fb241864557d2bc08cacc2efeb76a27d3a6b849d2df44ccbddfa13c3e1b1db0f85&amp;mpshare=1&amp;scene=1&amp;srcid=1113h6WpLLfSkAf6rNSO5Yc5&amp;sharer_sharetime=1573616056926&amp;sharer_shareid=b5535657e3516bd6d7252ce5f5ed09f4&amp;rd2werd=1#wechat_redirect" target="_blank" rel="noopener noreffer">Flutter 您需要知道的知识点 | FAQ・第二期</a></li>
<li><a href="https://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&amp;mid=2652049096&amp;idx=1&amp;sn=dc9d0a408d07d78d487974354fd5dee7&amp;chksm=808cae8db7fb279b3b2d183246a6759ccbc3d1d51420c7a7a5640f89206a1a20985d8d3f1b07&amp;mpshare=1&amp;scene=1&amp;srcid=1113f7jM3rxmuXGnN5NFNgzQ&amp;sharer_sharetime=1573616077912&amp;sharer_shareid=b5535657e3516bd6d7252ce5f5ed09f4&amp;rd2werd=1#wechat_redirect" target="_blank" rel="noopener noreffer">Flutter 您需要知道的知识点 | FAQ・第三期</a></li>
<li><a href="https://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&amp;mid=2652049594&amp;idx=1&amp;sn=26434fd1aa93efb4aff12018365607cf&amp;chksm=808cb0ffb7fb39e9c4ccc010dd5dacd02faf326e22a70dae95783898e32b80c9102e94f9ec84&amp;mpshare=1&amp;scene=1&amp;srcid=11130i26qvOXs6rDzq7uSpdx&amp;sharer_sharetime=1573616095494&amp;sharer_shareid=b5535657e3516bd6d7252ce5f5ed09f4&amp;rd2werd=1#wechat_redirect" target="_blank" rel="noopener noreffer">Flutter 您需要知道的知识点 | FAQ・第四期</a></li>
<li><a href="https://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&amp;mid=2652049986&amp;idx=1&amp;sn=adcb4fd598f8f37a83c98b3ae5fb478c&amp;chksm=808cb207b7fb3b11b969337386db9295f58c41f82131ad72de927ca3da80a31d4b0422234b4a&amp;mpshare=1&amp;scene=1&amp;srcid=1113cwoJv70OIw09MTgbsUFi&amp;sharer_sharetime=1573616122448&amp;sharer_shareid=b5535657e3516bd6d7252ce5f5ed09f4&amp;rd2werd=1#wechat_redirect" target="_blank" rel="noopener noreffer">Flutter 您需要知道的知识点 | FAQ・第五期</a></li>
<li><a href="https://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&amp;mid=2652050376&amp;idx=1&amp;sn=2034b412bb113de7b208e18c3f74508f&amp;chksm=808cb38db7fb3a9b0c9c5d1fcb2d8a746d365c8eeb9ae5d2d4ad9f2ff1496c17c0851ecb26df&amp;mpshare=1&amp;scene=1&amp;srcid=1113xZMxrEdhsqDfbyi6edBg&amp;sharer_sharetime=1573616160182&amp;sharer_shareid=b5535657e3516bd6d7252ce5f5ed09f4&amp;rd2werd=1#wechat_redirect" target="_blank" rel="noopener noreffer">Flutter 您需要知道的知识点 | FAQ・第六期</a></li>
<li><a href="https://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&amp;mid=2652050932&amp;idx=1&amp;sn=4284ce654f5ba9365845583cfc674bed&amp;chksm=808cb5b1b7fb3ca7a074b16b027bd3a4c8a79f190cf7b046adcd17e028568fbe5cce59e8ce2e&amp;mpshare=1&amp;scene=1&amp;srcid=1113upVjIoYooOEWY0gf8KPO&amp;sharer_sharetime=1573616174633&amp;sharer_shareid=b5535657e3516bd6d7252ce5f5ed09f4&amp;rd2werd=1#wechat_redirect" target="_blank" rel="noopener noreffer">Flutter 您需要知道的知识点 | FAQ・第七期</a></li>
</ul>
<p>(谷歌知道大家学不过来，所以将 Flutter 重点知识做成了卡片，让大家好时不时复习巩固一下，早日写出优秀的 Flutter 应用)</p>
<p>另外，谷歌开发者公众号上的 Flutter 相关的内容汇总在 <code>开发专栏 &gt; 重点知识巩固 &gt; UI框架</code>。</p>
<h2 id="代码">代码</h2>
<h3 id="官方代码">官方代码</h3>
<blockquote>
<p>Talk is cheap, show me the code</p>
</blockquote>
<p>如果你的学习习惯是多看代码，那么首推官方示例。官方示例分布在不同的仓库中：</p>
<ul>
<li><a href="https://github.com/flutter/flutter/tree/master/examples" target="_blank" rel="noopener noreffer">官方 examples</a> - 包含若干入门的简单示例</li>
<li><a href="https://github.com/flutter/samples" target="_blank" rel="noopener noreffer">官方 samples</a> - Flutter 最佳实践</li>
<li><a href="https://github.com/flutter/samples/blob/master/INDEX.md" target="_blank" rel="noopener noreffer">A curated list of samples</a> - 嫌上面的例子还不够的话，这个列表中的项目够你看的</li>
</ul>
<p>不要小看 <a href="https://github.com/flutter/flutter/tree/master/examples" target="_blank" rel="noopener noreffer">官方 examples</a>，它使用最简短的代码演示了最丰富的基础功能，包括：</p>
<ul>
<li><strong>Hello, world</strong> 最经典的 “hello, world”，以及一个阿拉伯文版本的 “hello, world” (国际化？Flutter 能行！)</li>
<li><strong>Image List</strong> 流行的网络图片列表界面 (这个 demo 还顺手写了个简单的 HTTP Sever)</li>
<li><strong>Flutter gallery</strong> 演示了各种 Widget 的用法</li>
<li><strong>Platform Channel</strong> 演示了 Flutter 如何跟 Android/iOS 交互</li>
</ul>
<p><a href="https://github.com/flutter/samples" target="_blank" rel="noopener noreffer">官方 samples</a> 则演示了 Flutter 高级功能和最佳实践：</p>
<ul>
<li><strong>Animations</strong></li>
<li><strong>Isolate Example</strong></li>
<li><strong>Provider 状态管理</strong></li>
</ul>
<p>官方例子的优势是权威、内容丰富，更新及时，是我们学习的好资料。它的不足则在于往往非常理想化、代码过于”干净”，实际应用常遇到机型兼容问题、产品需求等情况导致”恶心”的代码，例子可以参考，遇到的坑还是要自己一点点填。</p>
<h3 id="第三方代码">第三方代码</h3>
<blockquote>
<p>我们的大脑理解抽象内容很吃力，我们喜欢有形的事物。当事物是直接的而且是有形的时候，就显得容易理解。
乌尔里希·伯泽尔《有效学习》</p>
</blockquote>
<p>很多第三方代码有类似这样的功能，能边看代码边看效果，有助于快速理解 Flutter UI。</p>
<h2 id="视频和书籍">视频和书籍</h2>
<p>如果你的学习习惯是看视频，推荐如下几个视频：</p>
<ul>
<li><a href="https://www.youtube.com/watch?v=lkF0TQJO0bA&amp;list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&amp;index=2" target="_blank" rel="noopener noreffer">Flutter Widget of the Week</a> - 每个视频在一两分钟内生动形象地演示一个 Widget 的主要功能和用法，适合快速入门 Flutter Widget</li>
<li><a href="https://www.youtube.com/watch?v=rfagvy5xCW0&amp;list=PLOU2XLYxmsIK0r_D-zWcmJ1plIcDNnRkK&amp;index=4" target="_blank" rel="noopener noreffer">The Boring Flutter Dev Show</a></li>
</ul>
<p>个人感觉通过视频来学习的缺点是比较费时间，时不时得快进，也很难快速抓住重点，当然 <a href="https://www.youtube.com/watch?v=lkF0TQJO0bA&amp;list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&amp;index=2" target="_blank" rel="noopener noreffer">Flutter Widget of the Week</a> 除外 (它已经帮你划好重点)</p>
<p>如果你的学习习惯是看书，推荐如下几本书：</p>
<ul>
<li>
<p>Flutter 实战</p>
<p>由浅入深的介绍了 Flutter 技术和开发流程。该书包含不仅包含大量示例、图片，还有配套的示例源码，可帮助读者循序渐进的掌握 Flutter 开发技术。</p>
<ul>
<li>入门篇（第1章~第7章）- 常用的组件以及布局</li>
<li>进阶篇（第8章~第14章）- 事件机制、动画、自定义组件、文件和网络、插件、国际化以及Flutter核心原理</li>
<li>实例篇 (第15章）- 实现一个简版的 Github APP</li>
</ul>
</li>
</ul>
<p>如果你还知道其他不错的视频或书籍资源，欢迎在评论中分享出来。</p>
<h2 id="其他">其他</h2>
<p>这里是几篇不错的文章：</p>
<ul>
<li><a href="https://renato.athaydes.com/posts/interesting-dart-features.html" target="_blank" rel="noopener noreffer">Interesting Features of the Dart Programming Language</a></li>
<li><a href="https://github.com/yissachar/awesome-dart" target="_blank" rel="noopener noreffer">Awesome Dart</a></li>
<li><a href="https://tech.meituan.com/2018/08/09/waimai-flutter-practice.html" target="_blank" rel="noopener noreffer">Flutter原理与实践 - 美团技术团队</a></li>
<li><a href="https://fucknmb.com/2019/02/26/Flutter-Engine-%e7%bc%96%e8%af%91%e6%8c%87%e5%8c%97/" target="_blank" rel="noopener noreffer">Flutter Engine 编译指北 | 区长</a></li>
<li><a href="https://www.ccarea.cn/archives/category/flutter" target="_blank" rel="noopener noreffer">Flutter – cc’s blog</a></li>
</ul>
<h1 id="开发工具">开发工具</h1>
<p><a href="https://dartpad.dartlang.org/" target="_blank" rel="noopener noreffer">DartPad</a> 是学习 Dart 语法和尝试 Dart 语言特性的最佳方式，还可以体验 Dart 核心库（除了 dart:io 库和依赖 dart:io 的库）。</p>
<p>VS Code 是一个<strong>轻量级</strong>编辑器。我使用它没别的原因，Android Studio 强虽强，笔记本性能有限，资源能省则省！</p>
<p><a href="https://dartcode.org/">https://dartcode.org/</a> dart 和 flutter 插件</p>
<p>Android Studio</p>
<p>[TODO]</p>
<h1 id="练习与实践">练习与实践</h1>
<h2 id="练习">练习</h2>
<blockquote>
<p>纸上得来终觉浅，绝知此事要…</p>
</blockquote>
<p><a href="https://dart.dev/codelabs/dart-cheatsheet" target="_blank" rel="noopener noreffer">Dart cheatsheet codelab | Dart</a> - 这个练习用于快速掌握 Dart 语言特性</p>
<ul>
<li>默写 demo</li>
<li>实现 freecodecamp 上的练习</li>
</ul>
<p>除了看例子，还可以跟着 Codelabs 动手</p>
<ul>
<li><a href="https://dart.dev/codelabs" target="_blank" rel="noopener noreffer">Dart Codelabs</a></li>
<li><a href="https://flutter.dev/docs/codelabs" target="_blank" rel="noopener noreffer">Flutter Codelabs</a></li>
</ul>
<h2 id="实践">实践</h2>
<ul>
<li>[TODO] 集成和构建。关键问题：so 兼容问题</li>
<li>从简单页面入手</li>
</ul>
<p>为什么要从简单页面入手？</p>
<p><a href="https://medium.com/flutter-community/add-flutter-to-existing-android-ios-app-ae8c4fb1582e">https://medium.com/flutter-community/add-flutter-to-existing-android-ios-app-ae8c4fb1582e</a></p>
<p><a href="https://tech.meituan.com/2018/08/09/waimai-flutter-practice.html" target="_blank" rel="noopener noreffer">Flutter原理与实践 - 美团技术团队</a></p>
<h1 id="经验">经验</h1>
<p><a href="https://book.flutterchina.club/chapter1/flutter_intro.html">https://book.flutterchina.club/chapter1/flutter_intro.html</a></p>
<ul>
<li>学习 <a href="https://github.com/flutter/flutter/blob/master/dev/tools/dartdoc.dart" target="_blank" rel="noopener noreffer">dartdoc.dart 源码</a></li>
<li>翻译 <a href="https://www.sunmoonblog.com/2019/11/13/flutter-series-1-begin/#" target="_blank" rel="noopener noreffer">dart.cn 文档</a></li>
</ul></div><div class="post-footer" id="post-footer">
    <div class="post-info">
        <div class="post-info-line">
            <div class="post-info-mod">
                <span>更新于 2021-04-28</span>
            </div>
            <div class="post-info-license"></div>
        </div>
        <div class="post-info-line">
            <div class="post-info-md"></div>
            <div class="post-info-share">
                <span><a href="javascript:void(0);" title="分享到 Twitter" data-sharer="twitter" data-url="https://luckly.work/flutter%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99%E6%8E%A8%E8%8D%902/" data-title="《Flutter学习资料推荐2》" data-hashtags="flutter"><i class="fab fa-twitter fa-fw"></i></a><a href="javascript:void(0);" title="分享到 Facebook" data-sharer="facebook" data-url="https://luckly.work/flutter%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99%E6%8E%A8%E8%8D%902/" data-hashtag="flutter"><i class="fab fa-facebook-square fa-fw"></i></a><a href="javascript:void(0);" title="分享到 Hacker News" data-sharer="hackernews" data-url="https://luckly.work/flutter%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99%E6%8E%A8%E8%8D%902/" data-title="《Flutter学习资料推荐2》"><i class="fab fa-hacker-news fa-fw"></i></a><a href="javascript:void(0);" title="分享到 Line" data-sharer="line" data-url="https://luckly.work/flutter%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99%E6%8E%A8%E8%8D%902/" data-title="《Flutter学习资料推荐2》"><i data-svg-src="https://cdn.jsdelivr.net/npm/simple-icons@2.14.0/icons/line.svg"></i></a><a href="javascript:void(0);" title="分享到 微博" data-sharer="weibo" data-url="https://luckly.work/flutter%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99%E6%8E%A8%E8%8D%902/" data-title="《Flutter学习资料推荐2》" data-image="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png"><i class="fab fa-weibo fa-fw"></i></a></span>
            </div>
        </div>
    </div>

    <div class="post-info-more">
        <section class="post-tags"><i class="fas fa-tags fa-fw"></i>&nbsp;<a href="/tags/flutter/">flutter</a></section>
        <section>
            <span><a href="javascript:void(0);" onclick="window.history.back();">返回</a></span>&nbsp;|&nbsp;<span><a href="/">主页</a></span>
        </section>
    </div>

    <div class="post-nav"><a href="/linxu%E4%B8%8B%E5%AE%89%E8%A3%85mysql%E6%95%99%E7%A8%8B/" class="prev" rel="prev" title="《Linxu下安装Mysql教程》"><i class="fas fa-angle-left fa-fw"></i>《Linxu下安装Mysql教程》</a>
            <a href="/%E5%9C%A8flutter%E4%B8%AD%E5%88%B6%E4%BD%9C%E4%BB%AA%E8%A1%A8%E7%9B%98%E5%BA%94%E7%94%A8/" class="next" rel="next" title="《在Flutter中制作仪表盘应用》">《在Flutter中制作仪表盘应用》<i class="fas fa-angle-right fa-fw"></i></a></div>
</div>
</article></div>
            </main><footer class="footer">
        <div class="footer-container"><div class="footer-line">由 <a href="https://gohugo.io/" target="_blank" rel="noopener noreffer" title="Hugo 0.79.1">Hugo</a> 强力驱动 | 主题 - <a href="https://github.com/dillonzq/LoveIt" target="_blank" rel="noopener noreffer" title="LoveIt 0.2.10"><i class="far fa-kiss-wink-heart fa-fw"></i> LoveIt</a>
                </div><div class="footer-line"><i class="far fa-copyright fa-fw"></i><span itemprop="copyrightYear">2021</span><span class="author" itemprop="copyrightHolder">&nbsp;<a href="/" target="_blank">早起的年轻人</a></span>&nbsp;|&nbsp;<span class="license"><a rel="license external nofollow noopener noreffer" href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">CC BY-NC 4.0</a></span></div>
        </div>
    </footer></div>

        <div id="fixed-buttons"><a href="#" id="back-to-top" class="fixed-button" title="回到顶部">
                <i class="fas fa-arrow-up fa-fw"></i>
            </a><a href="#" id="view-comments" class="fixed-button" title="查看评论">
                <i class="fas fa-comment fa-fw"></i>
            </a>
        </div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cookieconsent@3.1.1/build/cookieconsent.min.css"><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/smooth-scroll@16.1.3/dist/smooth-scroll.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/autocomplete.js@0.37.1/dist/autocomplete.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/algoliasearch@4.2.0/dist/algoliasearch-lite.umd.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lazysizes@5.2.2/lazysizes.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/sharer.js@0.4.0/sharer.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/cookieconsent@3.1.1/build/cookieconsent.min.js"></script><script type="text/javascript">window.config={"code":{"copyTitle":"复制到剪贴板","maxShownLines":10},"comment":{},"cookieconsent":{"content":{"dismiss":"同意","link":"了解更多","message":"本网站使用 Cookies 来改善您的浏览体验."},"enable":true,"palette":{"button":{"background":"#f0f0f0"},"popup":{"background":"#1aa3ff"}},"theme":"edgeless"},"search":{"algoliaAppID":"PASDMWALPK","algoliaIndex":"index.zh-cn","algoliaSearchKey":"b42948e51daaa93df92381c8e2ac0f93","highlightTag":"em","maxResultLength":10,"noResultsFound":"没有找到结果","snippetLength":50,"type":"algolia"}};</script><script type="text/javascript" src="/js/theme.min.js"></script></body>
</html>
